<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>皇甫酱菜</title>
<!-- ALL STYLESHEET -->
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/font-awesome.min.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">
<link href="/css/responsive.css" rel="stylesheet">
</head>
<body>
	<script type="text/javascript">
		var count=0;
	</script>
	<!-- header -->
	<header class="header"> <!-- header top -->
	<div class="header-top">
		<div class="container">
			<div class="row">
				<div class="col-sm-1">
					<ul class="list-inline">
						<li>
							<div>
								<a class="dropdown-toggle" data-toggle="dropdown"
									aria-haspopup="true" aria-expanded="false"><img
									src="/images/is.png" alt="" /> 中国 </a>
							</div>
						</li>
					</ul>
				</div>
				<div class="col-sm-9">
					<ul class="list-inline">
						<li><a href="#"><i class="fa fa-mobile"></i>
								0530-5637355</a></li>
						<li><a href="#"><i class="fa fa-envelope-o"></i>
								liyongguan_soft@126.com</a></li>
					</ul>
				</div>
				<div class="col-sm-2">
					<ul class="list-inline pull-right">
                   	 	<li><a href="javascript:;" title="Login or Register"><i class="icon fa fa-user fa-lg"></i><span>登录|注册</span></a></li>
					</ul>
					
				</div>
			</div>
		</div>
	</div>

	<!-- logo and adds -->
	<div class="logo-add">
		<div class="container">
			<div class="row">
				<div class="col-sm-4">
					<div class="logo">
						<i class="fa "></i>皇甫 - 酱菜 - 总店
					</div>
				</div>
				<div class="col-sm-4">
					<h4 class="add bb-year-end-ribbon hidden-xs">
						<span> 欢 迎 <span> 惠 顾 </span> 本 店 ！
						</span>
					</h4>
				</div>
				<div class="col-sm-4">
					<ul class="list-inline pull-right">
                   	 	<li><a href="../cart" title="View Cart"><i class="icon fa fa-shopping-cart fa-lg"></i><span>购物车( <span id="response"></span>)</span></a></li>
					</ul>
				</div>
				
			</div>
		</div>
	</div>

	<!-- header bottom -->
	<div class="header-bottom">
		<div class="row">
			<div class="col-sm-12">
				<nav class="navbar navbar-default">
				<div class="container">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="collapse navbar-collapse" id="header-bottom">
						<ul class="nav navbar-nav">
							<li class="active"><a href="../index">首页</a></li>
							<li><a href="../product">商品</a></li>
							<li><a href="../faq">F&Q(问答)</a></li>
							<li><a href="blog.html">Blog</a></li>
							<li><a href="blog-details.html">Blog Detail</a></li>
							<li><a href="../about">关于我们</a></li>
							<li><a href="../contact">联系我们</a></li>
						</ul>
						<form class="navbar-form navbar-right" role="sousuo">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="搜索...">
								<span class="nav-search"><a href="#"><i
										class="fa fa-search"></i></a></span>
							</div>
						</form>
					</div>
				</div>
				</nav>
			</div>
		</div>
	</div>
	</header>

<div class="row hidden-print">
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
			<ol class="breadcrumb">
				<li><a href="<%=application.getContextPath()%>">首页</a></li>
                <li class="active">查看购物车</li>
			</ol>
		</div>
	</div>
    <div class="cart-wrap">
		<table id="cartTable" class="cart table table-condensed">
			<thead>
				<tr>
					<th class="t-checkbox"><label><input class="check-all check" type="checkbox" />全选</label></th>
					<th class="t-goods text-center"><label>产品型号</label></th>
					<th class="text-center">产品备注</th>
					<th class="t-selling-price text-center"><label>销售单价</label></th>
					<th class="t-qty text-center"><label>采购数量</label></th>
					<th class="t-subtotal text-center"><label>金额小计</label></th>
					<th class="t-action"><label>操作</label></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td colspan="2" class="goods"><label> <input type="checkbox" class="check-one check" />ZB15KQ-PFJ-558</label></td>
					<td></td>
					<td class="selling-price number small-bold-red text-right"
								style="padding-top: 1.1rem;" data-bind="76.55">76.55</td>
					<td>
						<div class="input-group input-group-sm">
							<span class="input-group-addon minus">-</span> <input
										type="text" class="number form-control input-sm" value="2" />
							<span class="input-group-addon plus">+</span>
						</div>
					</td>
					<td class="subtotal number small-bold-red text-right" style="padding-top: 1.1rem;"></td>
					<td class="action" style="padding-top: 1.1rem;"><span class="delete btn btn-xs btn-warning">删除</span></td>
				</tr>
				<tr>
					<td colspan="2" class="goods"><label><input
									type="checkbox" class="check-one check" />ZB15KQE-TFD-558</label></td>
					<td></td>
					<td class="selling-price number small-bold-red text-right"
								style="padding-top: 1.1rem;" data-bind="1100">1100</td>
					<td>
						<div class="input-group input-group-sm">
							<span class="input-group-addon minus">-</span> <input
										type="text" class="number form-control input-sm" value="3" />
							<span class="input-group-addon plus">+</span>
						</div>
					</td>
					<td class="subtotal number small-bold-red text-right"
								style="padding-top: 1.1rem;"></td>
					<td class="action" style="padding-top: 1.1rem;"><span
								class="delete btn btn-xs btn-warning">删除</span></td>
				</tr>
				<tr>
					<td colspan="2" class="goods"><label><input
									type="checkbox" class="check-one check" />ZB21KQ-TFD-558</label></td>
					<td></td>
					<td class="selling-price number small-bold-red text-right"
								style="padding-top: 1.1rem;" data-bind="1200">1200</td>
					<td>
						<div class="input-group input-group-sm">
							<span class="input-group-addon minus">-</span> <input
										type="text" class="number form-control input-sm" value="6" />
							<span class="input-group-addon plus">+</span>
						</div>
					</td>
					<td class="subtotal number small-bold-red text-right"
								style="padding-top: 1.1rem;"></td>
					<td class="action" style="padding-top: 1.1rem;"><span
								class="delete btn btn-xs btn-warning">删除</span></td>
				</tr>
				<tr>
					<td colspan="2" class="goods"><label><input
									type="checkbox" class="check-one check" />ZBD45KQE-TFD-558</label></td>
					<td></td>
					<td class="selling-price number small-bold-red text-right"
								style="padding-top: 1.1rem;" data-bind="1400">1400</td>
					<td>
						<div class="input-group input-group-sm">
							<span class="input-group-addon minus">-</span> <input
										type="text" class="number form-control input-sm" value="8" />
							<span class="input-group-addon plus">+</span>
						</div>
					</td>
					<td class="subtotal number small-bold-red text-right"></td>
					<td class="action" style="padding-top: 1.1rem;"><span
								class="delete btn btn-xs btn-warning">删除</span></td>
				</tr>
			</tbody>
		</table>

		<div class="row">
			<div class="col-md-12 col-lg-12 col-sm-12">
				<div class="cart-summary">
					<div style="margin-left: 2rem;" class="pull-right">
						<a href="confirmation.html"
							id="btn_settlement" type="button" class="btn btn-primary" disabled>去结算</a>
					</div>
					<div style="margin-left: 1rem; margin-top: 0.4rem;" class="pull-right total">
						<label>金额合计:<span id="priceTotal" class="price-total large-bold-red">0.00</span></label>
					</div>
					<div style="margin-top: 4px;" class="pull-right">
						<label>您选择了<span id="itemCount" class="large-bold-red" style="margin: 0 4px;"></span>种产品型号，共计<span id="qtyCount" class="large-bold-red" style="margin: 0 4px;"></span>件
						</label>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer>
	<div class="footer-top">
		<div class="container">
			<div class="row">
				<div class="col-sm-3">
					<h2>About E-Market</h2>
					<div class="heading-border b-color-1"></div>
					<p>Nam apeirian assentior ei, utquo eros posse verterem. Cum eu
						error congue saperet. Te eam exerci vulputate consetetur, causae
						consulatu eaper, apeirian assentior ei, utquo eros posse verterem.
						Cum eu error congue saperet. Te eam exerci vulputate consetetur,
						causae consulatu eaper</p>
					<div>
						<a href="">Read More <i class="fa fa-angle-double-right"></i></a>
					</div>
					<strong>Newsletter</strong>
					<form class="navbar-for" role="email">
						<div class="form-group">
							<input type="text" class="form-control"
								placeholder="Email Address"> <span class="nav-search"><a
								href="#"><i class="fa fa-envelope"></i></a></span>
						</div>
					</form>
					<small>Eros posse verterem congue saperet.</small>
				</div>
				<div class="col-sm-3">
					<h2>Featured Products</h2>
					<div class="heading-border b-color-1"></div>

				</div>
				<div class="col-sm-3">
					<h2>Latest News</h2>
				</div>
				<div class="col-sm-3">
					<h2>Contact us</h2>
					<div class="heading-border b-color-1"></div>
					<strong class="media-heading">Address</strong>
					<p>Lebel 2, 13 Elezabe St, Melbounire, Victoria 3000, +8492575,
						USA</p>

					<strong class="media-heading">Phone & Fax</strong>
					<p>+880183947930</p>
					<p>+(980)1839479</p>

					<strong class="media-heading">E-Mail Address</strong>
					<p>support@gmail.com</p>
					<p>example@gmail.com</p>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-bottom">
		<div class="container">
			<div class="row">
				<div class="col-sm-12 text-center">
					<p>
						Copyright 2015 made by <a href="#">Bootultra.com</a> & Disign by
						Shaifuddin. All Rights Reserved.
					</p>
				</div>
			</div>
		</div>
	</div>
	</footer>

	<!-- ALL JAVASCRIPT -->
	<script src="/js/jquery.js"></script>
	<script src="/bootstrap/js/bootstrap.min.js"></script>
	<script src="/js/custom.js"></script>
</body>
</html>